<template>
  <div class="index">
    <div class="context">
      <h2>{{$t("home.signingIntroduction")}}</h2>
      <p>{{$t("home.encourageAuthors")}}</p>
      <p>{{$t("home.specificRequirements")}}</p>
      <p>{{$t("home.fullCopyright")}}</p>
      <p>{{$t("home.fullAttendance")}}</p>
      <p>{{$t("home.ifFound")}}</p>
      <h2>{{$t("home.changeContent")}}</h2>
      <p>{{$t("home.modificationReviewed")}}</p>
      <h2>{{$t("home.modifyPenName")}}</h2>
      <p>{{$t("home.recognition")}}</p>
      <h2>{{$t("home.recommendAuthor")}}</h2>
      <p>{{$t("home.twoWays")}}</p>
      <h2>{{$t("home.illegallyPirated")}}</h2>
      <p>{{$t("home.originalInterests")}}</p>
    </div>
  </div>
</template>

<script>
</script>

<style lang="scss" scoped="scoped">
.index {
  padding: 20px 60px;
  .title {
    text-align: center;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 39px;
  }

  .context {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    // color: #666666;
    // line-height: 40px;
    // text-indent: 2em;
    h2 {
      font-size: 20px;
      line-height: 40px;
    }
    p {
      font-size: 18px;
      line-height: 26px;
    }
  }
}
</style>
